<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="./axios.min.js"></script>
    <script>
      // function ajaxPromise(url) {
      //   let p = new Promise(function (resolve, reject) {
      //     let xhr = new XMLHttpRequest();
      //     xhr.open("get", url);
      //     xhr.send();
      //     xhr.onload = function () {
      //       if (xhr.status == 200) {
      //         let obj = JSON.parse(xhr.responseText);
      //         //等1s 才 执行
      //         console.log(obj);
      //         resolve(obj);

      //         console.log(p); //fulfilled
      //       }
      //     };
      //     xhr.onerror = function () {
      //       reject();
      //       console.log(p);
      //     };
      //   });

      //   return p;
      // }

      // 封装了 异步操作， 让异步操作 有顺序
      // let baseUrl = "https://music.xuzhixiang.top";

      // let searchAPI = "https://music.xuzhixiang.top/search?keywords=漠河舞厅";
      // let getMusicUrlAPI = baseUrl + "/song/url";

      // //   ajaxPromise(searchAPI).then(function (r) {
      // //     console.log(r);
      // //   });

      // ajaxPromise(searchAPI)
      //   .then(function (r) {
      //     return ajaxPromise(getMusicUrlAPI + "?id=" + r.result.songs[0].id);
      //   })
      //   .then((r) => {
      //     console.log(r.data[0].url);
      //   });

      axios
        .get("https://music.xuzhixiang.top/search", {
          params: {
            keywords: "漠河舞厅",
          },
        })
        .then((r) => {
          //   console.log(r);
          console.log(r.data); //服务器返回的数据
        });     

      axios
        .post("https://music.xuzhixiang.top/search", {
          keywords: "漠河舞厅",
        })
        .then((r) => {
          //   console.log(r);
          console.log(r.data); //服务器返回的数据
        });
    </script>
  </body>
</html>
